<link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>css/bx_styles/bx_styles.css" />
<script src="<?php echo base_url(); ?>script/jquery.bxSlider.min.js" type="text/javascript"></script>
<script type="text/javascript">
  $(document).ready(function(){
    $('#slider2').bxSlider({
        auto: true,
        hideControlOnEnd: true,
        displaySlideQty: 7,
        moveSlideQty: 3,
        speed: 2000,
        tickerSpeed: 5000,
        mode: 'vertical'
    });
  });
</script>
<div class="film_category">
    <div style="text-align: center;margin-bottom: 10px;float: left;width: 100%;">
        <div class="play_title">PHIM HAY KHÁC</div>
    </div>
    <div id="slider2">
    <?php
    foreach($movieList as $movie):
        $img = base_url().$movie['movie_image'];
        $name = $movie['movie_name'];
        $id = $movie['movie_id'];
        $href = base_url().'video/view/'.$id.'/'.convertUri($name).'.html';
        echo"
        <div style='width: 100%;float: left;margin: 5px 0 5px 7px;display:inline;background: none;'>
                <a href='$href' title=\"$name\">
                <div style='width: 30%;float: left; border: 1px solid #ebebeb;'><img style='border: none;' src=\"$img\"/></div>
                <div class='vd-title'><span>$name</span></div>
                </a>
        </div>
        ";
    endforeach;
    ?>
    </div>

</div>
